/*
Theme Name:     singcrets
Description:    
Author:         admin
Template:       twentyten

(optional values you can add: Theme URI, Author URI, Version)
edit
*/

@import url("../twentyten/style.css");
@import url('fonts/texgyreadventor.css');
@import url('fonts/flama.css');
@import url('fonts/filling.css');

h3#comments-title, h3#reply-title, #access .menu, #access div.menu ul, #cancel-comment-reply-link, .form-allowed-tags, #site-info, #site-title, #wp-calendar, .comment-meta, .comment-body tr th, .comment-body thead th, .entry-content label, .entry-content tr th, .entry-content thead th, .entry-meta, .entry-title, .entry-utility, #respond label, .navigation, .page-title, .pingback p, .reply, .widget-title, .wp-caption-text {
    font-family: 'Century Gothic','TeXGyreAdventorRegular',sans-serif;
}

body {
	font-family: 'GillSanStd','Myriad Pro','Helvetica Neue', Helvetica, Arial, sans-serif;
	font-family: 'Century Gothic','TeXGyreAdventorRegular',sans-serif;
}

body {
	background : #F2F2F2 url('images/bg.gif') top center;
}

a:active, a:hover {
    color: #FF3B72;
	text-decoration : underline;
}

#wrapper {
	background : transparent;
}

/* LAYOUT: Two columns-reversed
DESCRIPTION: Two-column fixed layout with one sidebar LEFT of content */

#container {
	float:right;
	width:100%;
	margin:0 0 0 -240px;
	padding:0;
}

#content {
	margin:0 0px 0 220px;
}

/* body.search div#content, */
body.page div#content {
	background : #FFF;
	padding : 20px 30px;
	font-size: 15px;
}

#primary,#secondary {
	clear: none;
    float: left;
    overflow: hidden;
    padding: 0 30px 0 40px;
    width: 150px;
}

/* Header */

#access {
    margin-top: 20px;
	
}

#access a {
	text-transform : uppercase;
	padding : 0 20px;
	
}

#access a, #access input, #footer-menu a, #access label  {
	color : #000;
	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	font-size : 13px;
}

#access input[type="submit"] {
	border : solid 1px #d6d6d6;
	padding : 1px 5px;
	border-radius : 5px;
}

#access, #footer-menu {
    background: none repeat scroll 0 0 #FFFFFF;
	background : rgba(255, 255, 255, 0.7)
}


#access, #footer-menu {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    clear: both;
    display: block;
    float: left;
    margin: 0 auto 6px;
    width: 100%;
}

#footer-menu li:hover > a, 
#access li:hover > a, 
#access ul ul *:hover > a {
    background: none;
    color: #FF3B72;
	text-decoration : underline;
}

#access ul li:hover > ul {
    display: block;
}

#access ul li.current_page_item > a, 
#access ul li.current-menu-ancestor > a, 
#access ul li.current-menu-item > a, 
#access ul li.current-menu-parent > a {
    color: #000; 
}

nav#footer-menu {
    margin: 0 0px 6px;
    width: 940px;
}

nav#footer-menu ul {
	padding-left : 250px;
}

nav#footer-menu img {
	display : block;
	padding : 0 5px;
}

#footer-menu .social-icon a {
    margin: 0;
    padding: 0;
}

#footer-menu ul {
    list-style: none outside none;
    
    padding-left: 0;
    text-align: center;
}

#footer-menu li {
    
    float: left;
    position: relative;
    text-align: center;
}

#footer-menu a {
    display: block;
    line-height: 32px;
    padding: 0 10px;
    text-decoration: none;
	text-transform : uppercase
}


#colophon {
	border : none;
}

#branding img {
	border : none;
	margin : 0 auto;
	float : none;
}

#site-title, #site-description {
	width : 100%;
	text-align : center;
	margin-top : 0;
}

#site-description {
    color: #E21C49;
    font-family: 'flamaregular', 'Century Gothic','TeXGyreAdventorRegular',sans-serif;
    font-size: 18px;
    text-transform: uppercase;
	font-style : normal;
	font-weight : bolder;
}

#site-title span {
	margin : 0 auto;
	text-align : center;
	display : block;
}

.hentry {
    margin: 0 0 10px;
}

/* Navigation */
div#access div.menu ul li.menu-item-searchbox {
	float : right;
}

div#access div.menu ul li.menu-item form#searchform {
	height : 38px;
	vertical-align : middle;

}



/* Roundabout Style */
 .roundabout-holder {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	height: 370px;
	width: 400px;
	
}

.roundabout-moveable-item {
	height: 370px;
	width: 350px;
	cursor: pointer;
	background-color: #eaebed;
	border : none;
	font-family: 'Century Gothic','TeXGyreAdventorRegular',sans-serif;
	font-size : 15px;
	border : solid 1px #e1e1e2;
}

.roundabout-moveable-item > div {
	padding : 15px;
}

.roundabout-in-focus {
	cursor: auto;
}

.roundabout-moveable-item .wp-post-image {
	width: 100%;
	
}

.roundabout-moveable-item h1 {
	margin-top : 20px;
	font-size : 100%;
	font-family : 'philingregular';
}

.read-more-btn {
	display : block;
	position : absolute;
	bottom : 0;
	right : 10px;
}


/* Ribbon */

.wrapper {
  margin: 50px auto;
  width: 350px;
  
  background: white;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 8px rgba(0,0,0,0.3);
  position: relative;
  z-index: 90;
}


.roundabout-moveable-item .ribbon-wrapper-green {
	width: 100px;
	height: 100px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	padding : 0px;
}

div.col-1 div.ribbon-wrapper-green {
	width: 100px;
	height: 100px;
	overflow: hidden;
	position: absolute;
	width: 100px;
	height: 100px;
}

div#newsletter-slider div.slides_control div[id*=post] div.ribbon-wrapper-green {
	width: 100px;
	height: 100px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	padding : 0px;
}


div.col-1 div.ribbon-wrapper-green div.ribbon-green {
	height: 25px;
    left: -55px;
    left: -65px\9;
    top: -25px;
    top: -60px\9;
    width: 135px;
}

.ribbon-green  {
	text-align: center;
	/* text-shadow: rgba(255,255,255,0.5) 0px 1px 0px; */
	-webkit-transform: rotate(315deg);
	-moz-transform:    rotate(315deg);
	-ms-transform:     rotate(315deg);
	-o-transform:      rotate(315deg);
	position: relative;
	padding: 50px 0 10px;
	left: -50px;
	left: -60px\9;
	top: -25px;
	top: -60px\9;
	width: 130px;
	background-color: #515151;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#515151), to(#8C8C8C));
	background-image: -webkit-linear-gradient(top, #515151, #8C8C8C);
	background-image:    -moz-linear-gradient(top, #515151, #8C8C8C);
	background-image:     -ms-linear-gradient(top, #515151, #8C8C8C);
	background-image:      -o-linear-gradient(top, #515151, #8C8C8C);
	color: #6a6340;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
	box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
	color : #FFF;
	font-family : 'philingregular';
	font-style : italic;
	/* IE 8 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	/* IE 5-7 
	filter: alpha(opacity=75);
	/* Netscape 
	-moz-opacity: 0.75;
	/* Safari 1.x 
	-khtml-opacity: 0.75;
	/* Good browsers 
	opacity: 0.75; */
	filter: progid:DXImageTransform.Microsoft.Matrix(
		M11 = 0.70710678118654752440084436210485,
		M12 = 0.70710678118654752440084436210485,
		M21 = -0.70710678118654752440084436210485,
		M22 = 0.70710678118654752440084436210485,
		sizingMethod = 'auto expand'
	);
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(
		M11 = 0.70710678118654752440084436210485,
		M12 = 0.70710678118654752440084436210485,
		M21 = -0.70710678118654752440084436210485,
		M22 = 0.70710678118654752440084436210485,
		SizingMethod = 'auto expand'
	)";
	
}

div#newsletter-slider div.slides_control div[id*=post] div.ribbon-green  {
	height : 24px;
	width : 130px;
	
}

.ribbon-green:before, .ribbon-green:after {
  content: "";
  /*
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  */
  position:absolute;
  bottom: 0px;
}

.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}



.roundabout-moveable-item .tag-mask {
	display : block;
	position : absolute;
	top : 0;
	left : 0px;
	background : url('images/tag-mask.png') no-repeat;
	width : 120px;
	height : 120px;
	
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	/* IE 5-7 */
	filter: alpha(opacity=75);
	/* Netscape */
	-moz-opacity: 0.75;
	/* Safari 1.x */
	-khtml-opacity: 0.75;
	/* Good browsers */
	opacity: 0.75;
	
	
}


.roundabout-moveable-item .tag-mask span {
	display : block;
	text-align : center;
	margin-left : -70%;
	margin-top : 7px;
	color : #FFF;
	font-size : 18px;
	font-family : 'Philing', 'Segoe Script';
}

.rotate_90 {
	/* Safari */
	-webkit-transform: rotate(-90deg);
	/* Firefox */
	-moz-transform: rotate(-90deg);
	/* IE */
	-ms-transform: rotate(-90deg);
	/* Opera */
	-o-transform: rotate(-90deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.rotate_45 {
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); /* IE 9 */
	-moz-transform:rotate(-45deg); /* Firefox */
	-webkit-transform:rotate(-45deg); /* Safari and Chrome */
	-o-transform:rotate(-45deg); /* Opera */
}

span#btnPrev a {
    left : 100px;
	background : url('images/btnPrev.gif') no-repeat;
}

span#btnNext a {
    right : 100px;
	background : url('images/btnNext.gif') no-repeat;
}

span#btnPrev a,
span#btnNext a {
	bottom: 50%;
    position: absolute;
    z-index: 999;
	width : 26px;
	height : 45px;
	background-position : 0 50%;
	text-decoration : none;
}

div#content div.inner-content {
	position : relative;
}
/* Widget */

.widget-title {
	position : relative;
	right : -4px;
    background: url("images/widget-title-bg.png") no-repeat scroll right 6px transparent;
    color: #FFFFFF;
    font-family: 'Century Gothic','TeXGyreAdventorRegular',sans-serif;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 28px; 
    padding-right: 5px;
    padding-top: 0px;
    text-align: right;
    text-transform: uppercase;
}

div.textwidget p {
	font-size: 12px;
}
div.textwidget {
	font-size: 14px;
	color : #000;
	padding : 10px;
}

#primary, #secondary {
    
}

#secondary ul.xoxo,
#primary ul.xoxo {
	background: none repeat scroll 0 0 #FFFFFF;
	padding : 0px;
	background : rgba(255, 255, 255, 0.7);
}


/* Slider on Single Page */

/*
	Load CSS before JavaScript
*/

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/
.slides_container {
	width:630px;
	display:none;
	margin : 0 auto;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/
.slides_container div {
	width:630px;
	height:330px;
	display:block;
	
}

div#container div#content div#newsletter-slider a.prev,
div#container div#content div#newsletter-slider a.next,
div#container div#content div#slides a.prev ,
div#container div#content div#slides a.next {
	width : 40px;
	display : block;
	float : right;
	text-align : center;
	top : -200px;
	position : relative;
	text-decoration : none;
	color : #d51a45;
	font-size : 70px;
	font-weight : bold;
	line-height : 60px;
}

div#container div#content div#newsletter-slider a.prev,
div#container div#content div#slides a.prev {
	float : left;
	content : '';
}

div#container div#content div#newsletter-slider a.prev {
	left : -75px;
}

div#container div#content div#newsletter-slider a.next {
	right : -75px;
}
/*
	Optional:
	Reset list default style
*/
.pagination {
	list-style:none;
	margin:0;
	padding:0;
}

/*
	Optional:
	Show the current slide in the pagination
*/
.pagination .current a {
	color:red;
}

.slides_container div .col-1, .slides_container div .col-2 {
	display : block;
	padding : 15px;
	background : #E6E7E9;
	width : 280px;
	height: 300px;
}

.slides_container div p {
	/* font-family : 'Myriad Pro'; */
	font-size : 13px;
	text-align : justify;
}



.slides_container div .col-1 {
	float : left;

}

.slides_container div .col-1  p {
	padding-top : 20px;
	font-family : 'philingregular';
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    text-align: center;
}

.slides_container div .col-1 img {
	width :100%;
	height : 230px;
}


.slides_container div .col-2 {
	float : right;
	background : #F2F2F2;
	overflow : auto;
}

div#slides ul.pagination {
	text-align : center;
	margin-top : 10px;
}

div#slides ul.pagination li {
	display : inline;
	
}


div#slides ul.pagination li a {
	font-family: 'Century Gothic','TeXGyreAdventorRegular',sans-serif;
	font-size : 13px;
	font-weight : bold;
	padding : 2px 5px;
	margin : 2px;
	color : gray;
	background : transparent;
}

div#slides ul.pagination li.current a {
	text-decoration : underline;
	background : #ff2e38;
	color : #FFF;
}

/* Modalbox */

div#eModal-Container {
	border-radius : 0;
	padding : 10px;
	border-bottom : 30px solid #FFF;
}

div#eModal-Container form.wpcf7-form p {
	padding : 15px 0px;
}

div#eModal-Container form.wpcf7-form p label,
div#eModal-Container form.wpcf7-form p span {
	float : left;
}

div#eModal-Container form.wpcf7-form p label {
	width : 30%;
}

div#eModal-Container form.wpcf7-form p span {
	width : 60%;
}

div#eModal-Container form.wpcf7-form span.wpcf7-radio span.wpcf7-list-item {
	width : 100%;
}

div#eModal-Container form.wpcf7-form span.wpcf7-radio span.wpcf7-list-item > * {
	width : 40%;
	float : left;
}

div#eModal-Container form.wpcf7-form span.wpcf7-radio span.wpcf7-list-item > input {
	margin : 3px;
}

div#eModal-Container form.wpcf7-form p span[class*=text-date-] {
	width : 10%;	
	float : left;
	padding : 0 5px;
}

div#eModal-Container form.wpcf7-form p input.wpcf7-submit {
	float : none;
	background : #FFF;
	color : red;
	text-transform : uppercase;
	border-radius : 0;
	padding : 5px 15px;
	margin-top : 20px;
}

ul.xoxo a.eModal {
	margin : 0 auto;
}

a.eModal {
	content : "";
	display : inline-block;
	width : 135px;
	height : 43px;
	background : url('images/btnSuscribe.png');
	white-space : nowrap;
	
}
a.eModal,
a.eModal:hover,
a.eModal:active {
	text-decoration : none;
}

/* Search Form */

div#access div.menu ul li.menu-item form#searchform div {
	padding : 9px 10px 0;
}
div#access div.menu ul li.menu-item form#searchform div label.screen-reader-text {
	position : relative;
	left : 0px;
    text-transform: uppercase;
    color: #000;
	font-size : 13px;
	padding-right : 10px;
}
div#access div.menu ul li.menu-item form#searchform div input#s {
	border : none;
	border-radius : 15px;
	background : #E8E8E8;
	padding : 0px 10px;
}

.opacity {
	background-color: rgb(255, 255, 255);
	/* RGBa with 0.6 opacity */
	background-color: rgba(255, 255, 255, 0.7);
}


/* Page Teasing */

body.page-teasing {

}

body.page-teasing div#main div#container div#content {
	margin : 0 auto;
	background : transparent;
}

.circle {  
  background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%);
  background-image: -webkit-radial-gradient(45px 45px, circle cover, yellow, orange);
  background-image: radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%);
  
  
  /* webkit chrome, safari, mobile */
  -webkit-animation-name: spin; 
  -webkit-animation-duration: 3s; /* 3 seconds */
  -webkit-animation-iteration-count: infinite; 
  -webkit-animation-timing-function: linear;

  /* mozilla ff */
  -moz-animation-name: spin; 
  -moz-animation-duration: 3s; /* 3 seconds */
  -moz-animation-iteration-count: infinite; 
  -moz-animation-timing-function: linear;

  /* microsoft ie */
  -ms-animation-name: spin; 
  -ms-animation-duration: 3s; /* 3 seconds */
  -ms-animation-iteration-count: infinite; 
  -ms-animation-timing-function: linear;
}

.circle_200 {
  background : url('images/teasing_bg.gif') no-repeat;
  width: 270px;
  height: 270px; 
  margin : 10px auto 0;
}

body.page-teasing div#main div#container div#content .circle_200 p{
	text-transform : uppercase;
	color : #FFF;
	font-size : 30px;
	line-height : 70px;
	width : 200px;
	text-align : center;
	margin : 0px auto;
	padding-top : 35px;
}

body.page-teasing div#main div#container div#content .circle_200 p strong {
	display : block;
	font-size : 120px;
}

body.page-teasing div#main div#container div#branding {
	overflow : hidden;
}


body.page-teasing div#main div#container div.subscribe {
    margin : 20px auto 0;
 	width : 445px;
     height : 113px;
	display : block;
	 /*
	padding : 10px 20px 0;
   background : url('images/subscribe_bg.png') no-repeat; */
}

body.page-teasing div#main div#container div.subscribe p {
	line-height : 30px;
	text-transform : uppercase;
	color : #000;
	font-size : 15px;
	font-family : 'Myriad Pro';
	font-weight : bold;
	letter-spacing : 2px;
}

body.page-teasing div#main div#container div.subscribe p.p2 {
	text-align : right;
}


body.page-teasing div#main div#container div.subscribe p strong {
	font-size : 22px;
}

body.page-teasing #teasing-logo img {
	display : block;
	margin : 0 auto;
}

div.col-2 #social-share {
	width : auto;
	height : auto;
	position : relative;
	float : right ;
	text-alin : right;
	display : block;
}
div.col-2 #social-share span {
	display : inline-block;
	float : left;
	font-size : 14px;
}
div.col-2 #social-share a {
	display : inline-block;
	width : 24px;
	height : 24px;
	
}

div.col-2 #social-share a.facebook {
	background : url("images/icons/24/facebook.png") no-repeat;
}

div.col-2 #social-share a.twitter {
	background : url("images/icons/24/twitter.png") no-repeat;
}

/* Page Newsletter */

.page-newsletter #wrapper {
	
}


.page-newsletter #access .menu-header, 
.page-newsletter div.menu, 
.page-newsletter #colophon, 
.page-newsletter #branding, 
.page-newsletter #main, 
.page-newsletter #wrapper,
.page-newsletter nav#footer-menu {
	width : 600px;
}

body.page-newsletter div#main div#container div#content {
    margin: 0 auto;
	width : 320px;
	padding : 15px;
	background : #E6E7E9;
}

.page-newsletter div#wrapper div#access.opacity div.menu {
	text-align : center;
	text-transform : uppercase;
	line-height : 38px;
	margin-left : 0;
	color : #000;
	font-size : 20px;
}

.page-newsletter #content .slides_container {
	width : 320px;
}

.page-newsletter #content .slides_container div {
	width : 320px;
}

.page-newsletter nav#footer-menu ul {
	padding-left : 100px;
}

.page-newsletter div#container div.subscribe {
	margin-top : 20px;
	padding : 20px;
	overflow : hidden;
	width : 560px;
}

.page-newsletter div#container div.subscribe p {
	width : 360px;
	margin : 0 auto;
	text-transform : uppercase;
	font-size : 15px;
	font-weight : bold;
}

.page-newsletter div#container div.subscribe > p > * {
	display : inline-table;
	float : right;
}

.page-newsletter div#container div.subscribe > p > span {
	padding-top : 10px;
	float : left;
}

.widget-area ul.xoxo ul {
	list-style : square inside none;
}
.widget-area ul.xoxo ul li {
	padding : 5px 5px 5px 0;
}
.widget-area ul.xoxo ul a {
	color : #000;

}

div#newsletter-slider a img.home-thumb {
	width : 100%;
}


#content h1 {
    margin-top : 20px;
}

/* Bloooogggg Session */
.singcrets-blog {
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	padding: 20px;
}

.singcrets-blog .read-more {
	display: block;
	margin-top: 30px;
	font-style: italic;
	color : #575556;
}

.singcrets-blog .entry-date-ribbon {
	margin-left: -35px;
	padding: 5px 15px 5px 5px;
	background: url('images/blog-date-ribbon.gif') 50% 50% no-repeat;
	color: white;
	font-size: 17px;
	font-weight: bold;
	width: 155px;
	float: left;
	text-align: right;
	font-family: 'Myriad Pro';
}

.singcrets-blog .social-share-post {
	display: block;
	width: 60%;
	float: left;
	margin-left: 5%;
	padding: 5px;
}

.singcrets-blog .entry-meta {
	margin-bottom: 65px;
	display: block;
	
}
.singcrets-blog .entry-title {
	color: #575556;
}

.singcrets-blog p {
	font-size : 14px;
}

#secondary.blog-sidebar {
	clear: none;
	float: left;
	overflow: hidden;
	padding: 0 30px 0 0px;
	width: 220px;
}

#secondary.blog-sidebar ul.xoxo {
	padding : 10px;
}

.blog-archive-posts.cufon {
	font-size: 20px;
	font-weight: bold;
	padding: 10px;
	color : #000;
}

#instagram a {
	text-indent : -9999px;
	background : url('images/instagram-icon.gif') top center no-repeat;
	display : block;
	width : 200px;
	height : 90px;
}

#container.container-blog {
	margin: 0 0 0 -300px;
}

#container.container-blog #content {
	margin: 0 0px 0 260px;
}